﻿.kf{display:none;width:62px;height:248px;transition:.8s;-o-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;position:fixed;bottom:200px;right:20px;z-index:999999;border-radius:5px;background-color:#fff;}
.kf span{z-index:1000001;transition:.5s;cursor:pointer;position:relative;display:block;width:62px;height:62px;border-bottom:1px solid #e3e3e3;}
.kf span:nth-child(1){border-radius:5px 5px 0 0;background:url("../images/qq.png") no-repeat center #fff;}
.kf span:nth-child(1):hover{background:url("../images/qq_hover.png") no-repeat center #FF8500;}
.kf span:nth-child(2){background:url("../images/phone.png") no-repeat center #fff;}
.kf span:nth-child(2):hover{background: url("../images/phone_hover.png") no-repeat center #FF8500;}
.kf span:nth-child(3){background:url("../images/webchat.png") no-repeat center #fff;}
.kf span:nth-child(3):hover{background:url("../images/webchat_hover.png") no-repeat center #FF8500;}
.kf span:nth-child(4){border-radius:0 0 5px 5px;border:none;background: url("../images/top.png") no-repeat center #fff;}
.kf span:nth-child(4):hover{background:url("../images/top_hover.png") no-repeat center #FF8500;}
.kf span:nth-child(1),.kf span:nth-child(2),.kf span:nth-child(3),.kf span:nth-child(4),.kf span:nth-child(1):hover,.kf span:nth-child(2):hover,.kf span:nth-child(3):hover,.kf span:nth-child(4):hover{background-size:25px;}

.kf span div{display:none;background-color:#fff;border-radius:5px;position:absolute;right:75px;padding:20px;font-size:0.14rem;color:#A63827;}
.kf span div p{font-size:20px;color:#DF160F;line-height:150%;}
.kf span div a{display:block;height:26px;line-height:26px;text-align:center;transition:.5s;-webkit-transition:.5s;background:#fff;border-radius:0px;color:#F54A16;font-size:16px;}
.kf span div a:hover{background:#fffff;color:#DC220B;font-size:16px;}
.kf span div dt img{position:absolute;top:27px;right:-9px;}
.kf span div .kefuImg{float:left;text-align:left;}
.kf span div i{display:block;position:absolute;width:15px;height:200px;right:-15px;top:0;}
.kf span:nth-child(1) div{text-align:center;min-width:120px;font-size:0.14rem;color:#666;}
.kf span:nth-child(2) div{text-align:left;min-width:150px;font-size:0.14rem;color:#666;}
.kf span:nth-child(3) div{padding:10px;}
.kf span:nth-child(3) div .img_box{width:120px;height:115px;overflow:hidden;}
.kf span:nth-child(3) div .img_box img{width:120px;height:115px;position:absolute;top:10px;left:10px;}
.kf span div,.kf{-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);}
.nav_center div,.index_nav_center div,.shou,.zhan{-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.shou{z-index:1000000;cursor:pointer;width:30px;height:40px;position: absolute;bottom:104px;right:62px;border-radius:5px 0 0 5px;background: url("../images/kefq.png") no-repeat center #fff;}